@charset "utf-8";
/* CSS Document */

* {
    margin: 0px;
    padding: 0px; 
	font-family: "微软雅黑"; 
}

input, button {
    outline: none;
}

a{ text-decoration: none ;}

.warp{
  height: 768px ;
  background: url(../images/login/warp.jpg) no-repeat center ; 
  background-size: cover ;
}

.login-box{
	position: absolute ;
	top: 50% ;
	left: 50% ;
	margin-top: -230px ;
	margin-left: -211px ;
	width: 422px ;
	height: 390px ;	
}

.logo{
	width: 100% ;
	height: 93px ;
	margin-bottom: 55px ;
	background: url(../images/login/logo.png) center no-repeat ;	
}

.footer{
	position: absolute ;
	bottom: 15px ;
    width: 100% ;
	height: 33px ;
	text-align: center ;
	font-size: 16px ;
}

.login-group{
	position: relative ;
	margin-top: 20px ;
}

.login-control{
	width: 99.6% ; 
    height: 58px ;
	line-height: 58px ;
	font-size: 16px ;
	color: #888 ;
	text-indent: 60px ;
	border-radius: 30px ;
	border: 0px ;	
}

.login-group i{
    position: absolute ;
	top: 0px ;
	left: 10px ;
	width: 50px ;
	height: 56px ;  	
}

.login-group i.icon-user{ 
    background: url(../images/login/icon-user.png) center no-repeat ;
	
}

.login-group i.icon-lock{ background: url(../images/login/icon-lock.png) center no-repeat ; }

.mt30{ margin-top: 30px; }

a.btn-login{
	display: block ;
	width: 99.6% ;
    height: 58px ;
	line-height: 58px ;
	text-align: center ;
	text-decoration: none ;
	color: #fff ;
	font-size: 20px ;
	background: #85c142 ;
	border-radius: 30px ;
}

a.btn-login:hover{
    background: #76ab3a ;	
}


@media (min-width: 320px) and (max-width: 768px) {
.login-box{
	width: 80% ;
	height: 280px ;
	left: 50% ;
	margin-left: -40% ;
	margin-top: -170px ; 
}

.logo{
	width: 230px ;
	height: 49px ;
	margin: 0 auto 55px auto ;
	background: url(../images/login/logo.png) center no-repeat ;	
	background-size: cover ;
}

.login-control{
    height: 48px ;
	line-height: 48px ;	
}

.login-group{
	margin-top:20px ;
}

.login-group i {
  width: 43px;
  height: 48px;
  background-size: cover ;
}

a.btn-login{
    height: 48px ;
	line-height: 48px ;
	font-size: 18px ;
}

.footer{
    font-size: 14px ;	
}

}

@media (max-width: 320px) {
.login-box{
	width: 80% ;
	height: 280px ;
	left: 50% ;
	margin-left: -40% ;
	margin-top: -140px ; 
}

.logo{
	width: 190px ;
	height: 40px ;
	margin: 0 auto 35px auto ;
	background: url(../images/login/logo.png) center no-repeat ;	
	background-size: cover ;
}

.login-control{
    height: 46px ;
	line-height: 46px ;	
	font-size: 14px ;
	text-indent: 50px ;
}

.login-group{
	margin-top:15px ;
}

.login-group i{
  width: 32px;
  height: 36px;
  top: 4px ;
  background-size: cover ;
}

a.btn-login{
    height: 46px ;
	line-height: 46px ;
	font-size: 16px ;
}

.footer{
    font-size: 14px ;	
}
}

